<template>
    <view class="lianxi">
        <view style="color: blue;" @click="guanbi">关闭</view>
        <view>选择地区</view>
        <view></view>
    </view>
    <view class="one">
        <view class="two">
            <li class="two_z">
                <p>
                    罗湖区
                </p>
                <p @click="duigou"><img src="/static/duigou.png" alt=""
                    style=" margin-right: 15px; vertical-align: middle; width: 20px;height: 20px;" @click="duigou"
                    v-if="showImage"><span style="background-color: white; display: block;width: 20px;height: 20px;"></span>
            </p>
            </li>
            <li class="two_z">
                <p>
                    福建区
                </p>
              
            </li>
            <li class="two_z">
                <p>
                    南山区
                </p>
                
            </li>
            <li class="two_z">
                <p>
                    盐山区
                </p>
               
            </li>
          
            <li class="two_z">
                <p>
                    龙岗区
                </p>
              
            </li>
            <li class="two_z">
                <p>
                    宝安区
                </p>
               
            </li>
            <li class="two_z">
                <p>
                    光明新区
                </p>
          
            </li>
            <li class="two_z">
                <p>
                    坪山新区
                </p>
             
            </li>
            <li class="two_z">
                <p>
                大鹏新区
                </p>
              
            </li>
            <li class="two_z">
                <p>
                龙华新区
                </p>
               
            </li>
           

        </view>
   
    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const guanbi = () => {
    uni.navigateBack({
        delta: 1
    })
}

const showImage = ref(false);
const duigou = () => {
    showImage.value = !showImage.value;
    uni.navigateTo({
		url: '/pages/qiao-crm/qiao-sousuo/qiaolianxiren'
	})
}
</script>

<style lang="scss">
.two_zz {
    height: 200px;
    background-color: white;
    border: 1px solid #ccc;
}

.two {
    margin-top: 20px;
}

.two_z {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    border: 1px solid #ccc;
    height: 30px;
    background-color: white;

}

.a {
    input {
        height: 40px;
        border: 1px solid #ccc;
        width: 360px;
        margin-top: 30px;
        background-color: white;
    }
}

.lianxi {
    width: 330px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 3px 20px;
    position: fixed;
    height: 40px;
    background-color: white;
    top: 0px;
    left: 0px;
}

.one {
    height: 40px;
    margin-top: 80px;
    width: 360px;
    margin-left: 8px;
    border: 1px solid #ccc;
}
</style>